<!DOCTYPE html>
<html>
<head>
    <title>Juvenis - Eventos e Notícias Gospel de Teresina</title>
    <link href="{{ MEDIA_URL }}css/layout.css" rel="stylesheet" type="text/css" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- Facebook -->
    <meta property="og:title" content="Juvenis - Eventos e Notícias Gospel de Teresina"/>
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="http://www.juvenis.com.br/"/>
    <meta property="og:image" content=""/>
    <meta property="og:site_name" content="Juvenis" />
    <meta property="og:description" content="Só no Juvenis você encontra informações sobre eventos, cultos e congressos em todas as cidades do Piauí"/>

    <link href="{{ MEDIA_URL }}" rel="image_src" />
	<meta name="description" content="Só no Juvenis você encontra informações sobre eventos, cultos e congressos." />
    <meta name="keywords" content="shows, gospel, humor" />
    <link rel="shortcut icon" href="" type="image/ico" />

    <script src="{{ MEDIA_URL }}js/jquery.min.js"></script>
    <script src="{{ MEDIA_URL }}js/jquery.cycle.all.latest.js"></script>
   	<script src="{{ MEDIA_URL }}js/slides.min.jquery.js"></script>
    <script>
    $(function() {
    $('.slideshow').cycle({
		fx: 'fade',
        timeout: 10000
	    });
    });
    </script>
    {% include "analytics.html" %}
    <script>
		$(function(){
			$('#slides').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				play: 5000,
				pause: 2500,
				hoverPause: true,
				animationStart: function(current){
					$('.caption').animate({
						bottom:-35
					},100);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationStart on slide: ', current);
					};
				},
				animationComplete: function(current){
					$('.caption').animate({
						bottom:0
					},200);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationComplete on slide: ', current);
					};
				},
				slidesLoaded: function() {
					$('.caption').animate({
						bottom:0
					},200);
				}
			});
		});
	</script>
    <script src="{{ MEDIA_URL }}js/4.js" type="text/javascript"></script>
    <script src="{{ MEDIA_URL }}js/Timer.js" type="text/javascript"></script>
</head>
<body>
<div id="principal">
    <div id="topo">
        <div id="logo">
            <a href="{% url Scope.views.homepage %}">
                <img src="{{ MEDIA_URL }}img/logo_s1.png" alt="Juvenis">
            </a>
        </div>
        <div id="busca">

        </div>
    </div>
    <div id="menu">
        <div id="effects">

        </div>
        <div id="itemsMenu">
            <a href="/" class="i1">home</a>
            <a href="{% url Scope.views.todososblogs %}" class="i2">blogs</a>
            <a href="{% url Scope.views.ultimas %}" class="i3">ultimas</a>
            <a href="{% url Scope.views.download %}" class="i4">downloads</a>
            <a href="{% url Scope.views.evento %}" class="i9">eventos</a>
            <a href="{% url Scope.views.humor %}" class="i10">humor</a>
            <a href="{% url Scope.views.artigo %}" class="i6">artigos</a>
            <a href="{% url Scope.views.todososprodutos %}" class="i1Shop">shop</a>
            <a href="{% url Scope.views.musica %}" class="i7">musicas</a>
            <a href="{% url Scope.views.todasasfotos %}" class="i8">fotos</a>
            <a href="{% url Scope.views.videosPrincipal %}" class="i5">videos</a>
            <a href="" class="i11">contato</a>
        </div>
    </div>